
<style>
  body, table {
    font-family:tahoma;
    font-size:11px;
  }
</style>

<div>Google Chrome Earthquake Notifier Extension Backend</div>
<br>
<div id='content'></div>
<br>
<div>* Number of seismic stations which reported P- and S-arrival times for this earthquake.</div>

<script>
  function render(json){
    interval = json['i'];
    json = json['d'];
    data = '<table>'
    data += "<tr>";
    data += "<td>rem</td><td>|</td>";
    data += "<td>url</td><td>|</td>";
    data += "<td>utc</td><td>|</td>";
    data += "<td>lat</td><td>|</td>";
    data += "<td>lon</td><td>|</td>";
    data += "<td>mag</td><td>|</td>";
    data += "<td>dep</td><td>|</td>";
    data += "<td>nst *</td><td>|</td>";
    data += "<td>reg</td>";
    data += "</tr>";
    for (index in json) {
      data += "<tr>";
      data += "<td>" + json[index]['rem'] + "</td><td>|</td>";
      data += "<td><a href=\'http://earthquake.usgs.gov/earthquakes/recenteqsww/Quakes/" + json[index]['url'] + ".php\'>" + json[index]['url'] + "</a></td><td>|</td>";
      data += "<td>" + json[index]['utc'] + "</td><td>|</td>";
      data += "<td>" + json[index]['lat'] + "</td><td>|</td>";
      data += "<td>" + json[index]['lon'] + "</td><td>|</td>";
      data += "<td>" + json[index]['mag'] + "</td><td>|</td>";
      data += "<td>" + json[index]['dep'] + "</td><td>|</td>";
      data += "<td>" + json[index]['nst'] + "</td><td>|</td>";
      data += "<td>" + json[index]['reg'] + "</td>";
      data += "</tr>";
    }
    data += '</table>';
    document.getElementById('content').innerHTML = data;
  }
</script>

<script src="http://ext-earthquake.appspot.com/web/fetch?hours=12&callback=render"></script>

